// web/src/components/learn/use-debounce.ts

import {useEffect, useState} from "react";

// 防抖, 防止持续触发, 而是value值没变动的delay秒后触发更新
export function useDebounce<T>(value: T, delay?: number): T {
    const [debouncedValue, setDebouncedValue] = useState<T>(value);

    useEffect(() => {
        const timer = setTimeout(() => {
            setDebouncedValue(value)
        }, delay || 500)

        return () => {
            clearTimeout(timer)
        }
    }, [value, delay])

    return debouncedValue
}